@charset "UTF-8";
.wrap{ width:1230px; margin:0 auto; overflow: hidden;}
.headerlog .search_relative>.wrap, .headerlog1>.wrap, .headerlog2 .search_relative>.wrap {height: 58px; position: relative; overflow: initial; z-index: 99;}
.wrap3{ width:100px; margin:0 auto; overflow:hidden;}
.navigator{ background-color:transparent; position:fixed; top:0; width:100%; z-index:99;}
.navigator span{ float:right;}
.navigator span a{ margin-left:10px; display:block; float:right; line-height:36px;}
.navigator .top-money{ background:#F85659; color:#fff; border-radius:100px; padding:0 20px;}
.navigator .top-reg{ background:#2E2E30; color:#fff; border-radius:100px; padding:0 20px;}
.navigator .top-log{ border:1px #2E2E30 solid; color:#2E2E30; border-radius:100px; padding:0 20px;}
.nickname {display: inline-block;width: 74px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* .navigator span a:hover{ opacity:.7;} */

/* .top{height:100%; background:url(https://imgs.design006.com/homepage/images/design006_bg.jpg) no-repeat 100%; background-size: 100%;  position: relative;} */
.top {position: relative; z-index: 2;}
.top>img {position: relative; z-index: -1; top: 0; width: 100%; height: auto; object-fit: cover;}
.top .wrap {position: absolute; z-index: 11; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: initial;}
.top .design-tit {position: absolute; z-index: 1; left: 50%; transform: translate(-50%, -50%); bottom: 10px;}
.top .search{ width:500px; margin:0 auto; text-align:center;}
.top .search font{ font-size:48px; font-weight:100;}
.top .search>p{ margin:20px 0 10px 0;}
.top .search>p input{ width:100%; height:44px; line-height:44px; border-radius:44px; border:0; padding:0 30px;}
.top .search>p button{ position:absolute; z-index:2; margin-left:-44px; background:url(../images/search.png)#F85659 no-repeat center center; border:0; width:44px; height:44px; border-radius:44px;}
.top .search a{ margin:0 10px;}
.top .search a:hover{ color:#F85659;}
/* 首页 选择搜索类型 */
.search_havetext.active .search_text {display: block;}
.search_text {display: none;position: absolute;z-index: 1;top: 4px;left: 4px;height: 36px;line-height: 36px;background-color: #EDEDED;border-radius: 18px;padding-left: 16px;color: #B3B3B3;}
.search_text .search_text_close {cursor: pointer;background: url(../images/check-bai.png);background-size: 16px;width: 16px;height: 16px;margin-left: 10px;display: inline-block;vertical-align: top;margin: 10px;}
/* 头部样式 */
.ipt.search_havetext .search_text {position: relative !important;left: 115px;top: 15px;float: right;height: 28px;line-height: 28px;padding-left: 12px;}	
.ipt.search_havetext .search_text .search_text_close {margin: 6px 6px 6px 10px;}
/* 黑色头部 */
.black .ipt.search_havetext .search_text {background-color: #666666;}
.black .ipt.search_havetext .search_text .search_text_close {background: url(../images/check-hei.png);background-size: 16px;width: 16px;height: 16px;}


.search_term {width: 500px; padding: 30px 20px; background-color: #fff; border: 1px solid #EDEDED; border-radius: 22px; text-align: left; position: absolute; z-index: 99; top: 57px; left: 512.5px; display: none;}
.search_term p {margin-bottom: 10px;}
.search_term p img {vertical-align: sub; margin-left: 10px; cursor: pointer;}
.search_term .search_term__list {display: flex; flex-wrap: wrap; justify-content: flex-start;max-height: 76px; margin-bottom: 20px; overflow: hidden;}
.search_term .search_term__list a {font-size: 12px; padding: 6px 18px; background-color: #F5F5F5; border-radius: 4px; margin: 0 10px 10px 0; transition: none; -webkit-transition: none;}
.search_term .search_new .search_term__list a {max-width: 96px; width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search_term .search_term__list a span {color: #B3B3B3;}
.search_term .search_term__list a:hover{ color: #FFF; background-color:#F85659;text-decoration: none !important;}
.search_term .search_term__list a:nth-child(1) span, .search_term a:nth-child(2) span, .search_term a:nth-child(3) span{color: #F85659;}
.search_term .search_term__list a:hover span {color: #fff;}
.search_term .search_term__imgs {height: 50px;}
.search_term .search_term__imgs a {display: inline-block; width: 200px; height: 50px; overflow: hidden; border-radius: 4px; margin: 0 10px 0 0; position: relative;}
.search_term .search_term__imgs a:last-child {margin-right: 0;}
.search_term .search_term__imgs a img {width: 100%; height: 100%; object-fit: cover;}
.search_term .search_term__imgs a p {position: absolute; z-index: 1; left: 18px; top: 50%; transform: translateY(-50%); color: #fff; margin-bottom: 0;}
.search_term .search_term__imgs a p img {margin-left: 20px;width: 6px;height: 8px;vertical-align: middle;}
/* 用来控制最近搜索显示隐藏 */
.search_term .search_new {display: none !important;}
.search_term .search_new.has {display: block !important;}

.search_words {width: 452px; border-radius: 4px; 
    padding: 15px 15px 10px;box-sizing: border-box; border: 1px solid #EDEDED;
    background-color: #fff;
    text-align: left;
    position: absolute;
    z-index: 999; top: 57px; left: 512.5px; display: none;}
.search_words a{display: block; width: 100%; height: 36px;line-height: 36px;padding: 0 20px;}
.search_words a span {color: #B3B3B3;}
.search_words a:first-child { margin-top: 10px}
.search_words a:last-child { margin-bottom: 5px}
.search_words a.active {background-color: #EDEDED;border-radius: 4px;color: #2E2E30 !important;}
.search_words a:hover {background-color: #EDEDED;border-radius: 4px;color: #2E2E30 !important; }
.search_words .search_type {margin: 15px 5px 0; border-bottom: none;}

/* 首页搜索词下拉框 */
.top .search .search_words {width: 500px;top: 122px;	left: 0;left: auto;}

/* 搜索类型 */
.search_type {padding-bottom: 20px; border-bottom: 1px solid #EDEDED;margin-bottom: 20px;font-size: 12px;}
.search_type__item {cursor: pointer;float: left;padding: 0 15px;margin-right: 8px;line-height: 30px;border: 1px solid #EDEDED;border-radius: 15px;box-sizing: border-box;}
.search_type__item:last-child {margin-right: 0;}
.search_type__item span {color: #B3B3B3;margin-left: 4px;}
.search_type__item:hover {background-color: #F5F5F5; border: 1px solid #F5F5F5;}

footer{ line-height:58px; background:#2E2E30; color:#B3B3B3; font-size:12px; text-align:center;}
footer font{ margin:0 20px;}
footer a{ color:#fff;}


.header{ position: fixed; top: 0; left: 0; width:100%; height: 58px; z-index: 99; background: #fff;}
.header .wrap>a{ float:left; margin-top:11px;}
.header .wrap>span{ float:right;}
.header .wrap .ipt>input{ float:right; width:450px;}
.header .wrap .ipt input{ width:450px; height:36px; line-height:36px; border-radius:36px; border:1px #B3B3B3 solid; margin-top:11px; padding:0 20px;}
.header .wrap .ipt>a{ position:relative; float:right; width:18px; height:17px;}
.header .wrap .ipt>a img{ position:absolute; z-index:100; margin-left:430px; margin-top:22px;}
.header .top-money{ background:#F85659; color:#fff; border-radius:100px; padding:8px 20px;}
.header .top-reg{ background:#2E2E30; color:#fff; border-radius:100px; padding:8px 20px;}
.header .top-log{ border:1px #2E2E30 solid; color:#2E2E30; border-radius:100px; padding:8px 20px;}
.header .wrap .home-my{padding-top: 18px;}
.headerlog{ position: fixed; top: 0; left: 0; width:100%; height: 58px; z-index: 99; background: #fff;border-bottom: 1px #EDEDED solid; }
.headerlog .catelog:hover, .headerlog .catelog2 a:hover {color: #F85659;}
.headerlog .wrap>a{ float:left; margin-top:11px;}
.headerlog .wrap .ipt>input{ float:right; width:450px;}
.headerlog .wrap .ipt input{ width:450px; height:36px; line-height:36px; border-radius:36px; border:1px #B3B3B3 solid; margin-top:11px; padding:0 20px;}
.my ul .no_read {display: block;width: 16px;height: 16px;line-height: 16px;text-align: center;background: #F85659;color: #fff;font-size: 12px;border-radius: 14px;position: absolute;margin-left: 8px;margin-top: -26px;cursor: pointer;}

/* 以图搜图 */
.similar_camera { position: absolute;right: 60px; top: 7px; width: 34px; height: 30px;cursor: pointer; background-image: url(https://imgs.design006.com/homepage/similar/camera.png); background-size: 22px 18px; background-position-x: 6px; background-position-y: 6px; background-repeat: no-repeat; z-index: 999;}
.similar_camera:hover { background-image: url(https://imgs.design006.com/homepage/similar/camera2.png);}
.search_similar_box .text-error.on { color: #F85659;  }
.search_similar .search_similar_box.dragging { background-color: #EDEDED; /* 拖动时添加边框等效果 */ }
.search_similar { top: 122px; left: auto; border: none; width: 500px; padding: 20px 20px; background-color: #fff; border-radius: 22px; text-align: left; position: absolute; z-index: 99; }
.search_similar_box { width: 100%; height: 180px; background-color: #F5F5F5; border-radius: 16px; text-align: center; padding: 40px 0 36px; font-size: 12px; color: #2E2E30; line-height: 18px;}
.search_similar_box .btn-upfile {width: 115px;height: 34px;background: #F85659;color: #fff;border: none;border-radius: 4px;margin-bottom: 30px;}
.search_similar_box p:last-child { color: #B3B3B3; margin-top: 6px;}	
.search_similar_loading {display: none;width: 100%;height: 180px;background-color: #F5F5F5;border-radius: 16px;text-align: center;padding-top: 68px;font-size: 12px;color: #2E2E30;line-height: 18px;
}

.similar_invinfor {display: none; position: absolute;top: 44px;right: 41px;z-index: 9999;background: #F85659;color: #fff;height: 30px;border-radius: 3px;padding: 7px 12px; z-index: 1;}
.similar_invinfor .sign {text-align: center;position: relative;top: 6px;height: 6px; z-index: 1;}

/* 顶部以图搜图 */
.headerlog  .similar_camera {left: 416px !important;top: 22px !important;width: 20px !important;height: 16px !important;background-image: url(https://imgs.design006.com/homepage/similar/camera_white1.png);background-size: 20px 16px;background-position-x: 0;background-position-y: 0;    transition: all .3s ease;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;}
.headerlog .similar_camera:hover { background-image: url(https://imgs.design006.com/homepage/similar/camera_white2.png);}
#containerHead.search_similar {width: 452px;border-radius: 4px;box-sizing: border-box;border: 1px solid #EDEDED;top: 57px;left: 512.5px;}
#containerHead.search_similar .search_similar_box {border-radius: 4px;}

.wrap .catelog {position: absolute;line-height: 58px; margin-left: 44px; margin-right: 20px; color: #2E2E30; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.wrap .catelog2 {position: absolute;margin-left: 90px;line-height: 58px;}
.wrap .catelog2 a {margin-right: 20px;}
.wrap .catelog2 .free_flag {display: inline-block;width: 6px;height: 6px;background: #F85659;overflow: hidden;border-radius: 100px; position: absolute; z-index: 1; top: 18px; left: 76px;}

.wrap .catelog:hover{ cursor:pointer}
.wrap .tab2 .notices {width: 16px;height: 16px;line-height: 16px;text-align: center;background: #F85659;color: #fff;font-size: 12px;border-radius: 14px;position: absolute;margin-left: 2px;margin-top: 14px;cursor: pointer;}
.wrap .tab2 .invoice-button{width: 110px;height: 36px;line-height: 36px;font-size: 14px;border-radius: 4px;color: #F85659;text-align: center;border:1px #F85659 solid;margin-top:16px;letter-spacing: 1px;margin-right: 0px;}

.search_relative {position: relative; z-index: 999; width: 100%; height: 58px; }
.search_catelog { width:100%; height: 480px; background-color: #FFFFFF; border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED; overflow: hidden; position: absolute; z-index: 998; top: 57px; left: 0;}
.search_catelog.blank {top: 58px;}
.search_catelog .catelog_main {width: 1230px; margin: 0 auto;}
.search_catelog .catelog_main a:hover {color: #F85659;} 
.search_catelog .catelog_left {width: 129.5px; height: 480px; padding: 40.5px 39.5px 0 0; border-right: 1px solid #EDEDED; float: left;}
.search_catelog .catelog_left a {width: 90px; height: 36px; line-height: 34px; margin-bottom: 12px; padding-left: 16px; color: #F85659; font-size: 14px; border: 1px solid #F85659; border-radius: 4px; float: left;}
.search_catelog .catelog_left a.active {background-color: #F85659; color: #FFFFFF;}
.search_catelog .catelog_left a img {margin-left: 26px; width: 6px; height: 8px; vertical-align: middle; margin-top: -2px;}
.search_catelog .catelog_right {width: 1099.5px; float: right; padding: 40.5px 0 0 39.5px;}
.search_catelog .catelog_right .catelog_title {margin-top: -5px; margin-bottom: 20px;}
.search_catelog .catelog_right .catelog_title p:first-child{ font-size: 24px; letter-spacing: 0.5px;color: #2E2E30;margin-left: -2px;}
.search_catelog .catelog_right .catelog_title p:last-child {font-size: 12px; color: #B3B3B3; }
.search_catelog .catelog_right .catelog_title p:last-child span {color: #F85659;}
.search_catelog .catelog_right .catelog_menu .cmenu {width: 220px; margin-right: 60px; float: left; position: relative; z-index: 1; overflow: hidden;}
.search_catelog .catelog_right .catelog_menu .cmenu:last-child {margin-right: 0;}
.catelog_menu .cmenu .cimg>img {width: 220px; height: 80px; margin-bottom: 20px; border-radius: 4px; object-fit: cover;}
.catelog_menu .cmenu .cimg p {font-size: 16px; color: #FFFFFF; position: absolute; z-index: 1; top: 10px; left: 16px;}
.catelog_menu .cmenu .cimg p img {margin-left: 20px; width: 6px; height: 8px; vertical-align: middle;}
.catelog_menu .cmenu ul li {display: inline-block; font-size: 14px; min-width: 60px; margin-right: 10px; margin-bottom: 10px; height: 20px;}
/* .catelog_menu .cmenu ul li:nth-child(3n) {margin-right: 0;} */

.headerlog .wrap .ipt>a{ position:relative; float:right; width:18px; height:17px; top: 22px; left: 430px;}
.headerlog .wrap .ipt>a img{ position:absolute; z-index:100; margin-top: 0; margin-left: 0;}
.headerlog .wrap .top-money{ margin-left:10px; display:block; float:right; line-height:36px; margin-top:11px; background:#F85659; color:#fff; border-radius:100px; padding:0 20px;}
.headerlog .my{float:right; margin-left: 10px; padding: 11px 0 7px; cursor:pointer;width:150px; height: 58px;}
.headerlog .my .headerimg{ width:36px; height:36px; border-radius:36px;}
.headerlog .my .price{ line-height:36px; margin:0 9px !important;}
.headerlog .my .price font{ font-size:12px; color:#F85659; margin-right:5px;}
.headerlog .my .toparrow{ margin-top:14.5px;}
.headerlog .my label{ display:block; width:16px; height:16px; line-height:16px; text-align:center; background:#F85659; color:#fff; font-size:12px; border-radius:14px; position:absolute; z-index:99; margin-left:25px; margin-top:-4px;cursor:pointer;}
.headerlog .my .my_info{display: none; position:absolute; top: 57px; right: 0; z-index:9999; background:#fff; width:300px; border-top:0; border-radius: 4px;padding: 20px;text-align: center;cursor: auto;}
.headerlog.black .my .my_info {top: 58px;}
.headerlog .my:hover .my_info {display: block;border: 1px solid #ededed;}	
.headerlog .my .my_info .info_user {
    width: 100%;
    height: 44px;
    margin-bottom: 19px;
}
.headerlog .my .my_info .info_user .user_avatar{
    width: 44px; 
    height: 44px;
    border-radius: 50%;
    float: left;
    position: relative;
}
.headerlog .my .my_info .info_user .user_avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    cursor: pointer;
}
.headerlog .my .my_info .info_user .user_avatar .icon-vip {
    display:block;width:20px;height:20px;background-image:url('../images/vip_icon.png');background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:0;right:0;margin:auto;z-index:1
}
.headerlog .my .my_info .info_user .user_text {
    float: left;
    font-size: 12px;
    color: #B3B3B3;
    text-align: left;
    margin-top: 4px;
    margin-left: 12px;
}
.headerlog .my .my_info .info_user .user_text .icon-copy {
    display: inline-block;
    width: 11px;
    height: 12px;
    margin-left: 6px;
    background-image:url('../images/select/copy.png');background-position:center;background-repeat:no-repeat;background-size:contain;
    position: relative;
    z-index: 1;
    top: 1px;
}
.headerlog .my .my_info .info_user .user_text p:first-child {
    cursor: pointer;
    display: inline-block;
}
.headerlog .my .my_info .info_user .user_text p:last-child {
    margin-top: 2px;
    max-width: 126px;
    width: auto;
    display: inline-block;
    font-size: 14px;
    color: #2E2E30;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.headerlog .my .my_info .info_user .info_loginout {
    margin-top: 4px;
    float: right;
    font-size: 12px;
    color: #B3B3B3;
    cursor: pointer;
} 
.headerlog .my .my_info .info_user .info_loginout .icon-out {
    display: inline-block;
    width: 11px;
    height: 12px;
    margin-left: 6px;
    background-image:url('../images/select/power.png');background-position:center;background-repeat:no-repeat;background-size:contain;
    position: relative;
    z-index: 1;
    top: 2px;
}
.headerlog .my .my_info .info_number {
    height: 35px;
    padding: 0 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}
.headerlog .my .my_info  .info_number .number_item {
    cursor: pointer;
}
.headerlog .my .my_info  .info_number .number_item p:last-child {
    color: #B3B3B3;
    font-size: 12px;
    margin-top: 2px;
}

.headerlog .my .my_info  .info_vip {
    width: 100%;
    height: 70px;
    padding: 16px 18px;
    border-radius: 4px;
    text-align: left;
    background: url(../images/select/bg-novip.png);
    background-size: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.headerlog .my .my_info  .info_vip .isvip_left {
    float: left;
}
.headerlog .my .my_info  .info_vip .isvip_left p:first-child{
    font-weight: bold;
}
.headerlog .my .my_info  .info_vip .isvip_left p:last-child {
    color: #B3B3B3;
    font-size: 12px;
    margin-top: 1px;
}
.headerlog .my .my_info  .info_vip a {
    width: 80px;
    height: 28px;
    line-height: 28px;
    border-radius: 18px;
    background: #F85659;
    color: #fff;
    float: right;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
}

.headerlog .my .my_info  .info_vip.active {
    background: url(../images/select/bg-isvip.png);    
    background-size: 100%;
    color: #fff;
}
.headerlog .my .my_info  .info_vip.active .isvip_left p:last-child {
    color: #EDEDED;
}
.headerlog .my .my_info  .info_vip.active a {
    background-color: #fff;
    color: #F85659;
}
.headerlog .my .my_info .info_page {
    width: 100%;
    height: 160px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.headerlog .my .my_info .info_page .page_item {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    padding: 18px 12px 12px;
    text-align: center;
    cursor: pointer;
    margin: 0;
    line-height: normal;
    position: relative;
    z-index: 1;
}
.headerlog .my .my_info .info_page .page_item:hover {
    background: #f5f5f5;
}
.headerlog .my .my_info .info_page .page_item img {
    width: 24px;
    height: 24px;
    margin: 0 auto 10px;
}
.headerlog .my .my_info .info_page .page_item i {
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    background: #F85659;
    position: absolute;
    z-index: 99;
    top: 10px;
    right: 15px;
    font-size: 12px;
    color: #FFFFFF;
    font-style: normal;
    pointer-events: auto;  /* 使 <i> 可点击 */
}

/* 顶部Toast 复制成功  */
#Toast {
    position: fixed;
    z-index: 99999;
    display: none;
}
.toast-btn{
    width: 160px;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #F85659;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    
    animation: slideDown 0.2s forwards ease-out;
}
.toast-btn.show {
    display: flex; /* 当显示时，确保.toast-btn是可见的 */
    animation-play-state: running; /* 确保动画可以运行 */
}
 
/* 动画关键帧 */
@keyframes slideDown {
    0% {
        top: -50px; /* 初始位置在视口外 */
        opacity: 0;
    }
    50% {
        top: 40px; /* 目标位置 */
        opacity: 0;
    }
    100% {
        top: 80px; /* 目标位置 */
        opacity: 1;
    }
}
.toast-btn .icon-success {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    margin-right: 10px;
    background-image:url('../images/select/success.png');background-position:center;background-repeat:no-repeat;background-size:contain;
    position: relative;
}

.headerlog .wrap .search_term {width: 452px; border-radius: 4px;box-sizing: border-box;border: 1px solid #EDEDED; top: 57px; left: 512.5px; display: none;}
.black .search_term {border-radius: 4px;}
.black .search_term, .black .search_words, .black .search_similar {top: 58px !important;}
.black .similar_camera {background-image: url(https://imgs.design006.com/homepage/similar/camera_black1.png);background-size: 20px 16px;background-position-x: 0;background-position-y: 0;left: 416px;top: 22px !important;width: 20px !important;height: 16px !important;}
.black .similar_camera:hover {background-image: url(https://imgs.design006.com/homepage/similar/camera_black2.png);}

.black{ background: #2E2E30; border-bottom:1px #2E2E30 solid;}
.black .my .price{ color:#fff;}
.black .catelog { color: #FFFFFF; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.black .catelog2 a {color: #FFFFFF;}
.black .catelog:hover, .black .catelog2 a:hover {color: #F85659; }
.black .ipt>input {color:#fff;background:#2E2E30;}

.help{ position:fixed; z-index:88; width:40px; right:20px; bottom:80px;}
.help a{ margin-bottom:5px; display:block;}

.normal{ margin-top:58px;}

.detail{ overflow:hidden; padding:80px 0; width:1000px;}
.detail .pull-left{ width:750px; margin-right:20px;}
.detail .pull-right{ width:230px;overflow:hidden;}
.detail .pull-right .title{ margin:20px 0; padding:0 15px;}
.detail .pull-right .title p{ color:#B3B3B3; font-size:10px; font-family:arial; margin-bottom:5px;}
.detail .pull-right .title p a{ float:right;}
.detail .pull-right .title span{ font-size:18px;}
.detail .pull-right .price{ padding:0 15px;}
.detail .pull-right .price>font{ font-size:12px; color:#EDEDED; margin:0 10px;}
.detail .pull-right .price span{ color:#F85659; font-size:16px;position: relative;}
.detail .pull-right .price span font{ font-size:12px; margin-right:5px;}
.detail .pull-right ul{ color:#B3B3B3; line-height:24px; font-size:12px; margin:20px 0; padding:0 15px;}
.detail .pull-right .link-red{ width:120px; margin:0 10px 0px 15px;float: left;}
.detail .pull-right .link-sc{display:block; border:1px solid #F85659; color:#F85659; line-height:34px; border-radius:36px; text-align:center;width: 70px;float: left;}
.link-red{ display:block; background:#F85659; color:#fff; line-height:36px; border-radius:36px; text-align:center;}
.link-gray{ display:block; background:#B3B3B3; color:#fff; line-height:36px; border-radius:36px; text-align:center;}
.detail .pull-right .headerinfo{ line-height:22px; padding:25px 15px 15px 15px; margin-top:30px; font-size:12px; background:url(../images/split.png) repeat-x top left;}
.detail .pull-right .headerinfo img{ width:44px; height:44px; border-radius:44px; float:left; margin-right:15px;}
.detail .pull-right .headerinfo p label{ color:#B3B3B3; font-size:12px;}
.detail .pull-right .headerinfo p{ color:#B3B3B3;}
.detail .pull-right .headerinfo p span:first-child{ margin-right:10px;}
.detail .pull-right .headerinfo p span:first-child font{ color:#F85659; margin-right:5px;}
.detail .pull-right .headerinfo p span:last-child{ margin-left:10px;}
.detail .pull-right .headerinfo p span:last-child font{ color:#2E2E30; margin-right:5px;}
.detail .pull-right .right-top {background:#fff;border-radius: 4px;}
.detail .pull-right .right-bottom {margin-top:20px;}
.detail .pull-right .right-bottom img {border-radius: 4px;}
.modal {
  position: fixed;
  z-index: 9999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none; }
  .modal .modal-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
.modal .modal-content{ width:370px; background:#fff; border-radius:5px;}
.modal .close{ background:url(https://imgs.design006.com/homepage/images/close.png) no-repeat;background-size:22px 20px; float:right; width:22px; height:20px; display:block; margin-right:15px; margin-top:15px;}

.log .con{ padding:0 30px; overflow:hidden;}
.log .title{ font-size:18px; text-align:center; margin-bottom:40px;}
.log .ctrl input{ height:44px; line-height:44px; background:#EDEDED; border:1px #EDEDED solid; border-radius:5px; padding:0 20px; margin-bottom:20px; width:100%;}
.log .ctrl input.error{ border:1px #F85659 solid;}
.log .ctrl input.invite{ height:44px; line-height:44px; background:#fff; border:1px #B3B3B3 solid; border-radius:5px; padding:0 20px; margin-bottom:15px; width:100%;}
.log .ctrl .inp input.phone{ height:44px; line-height:44px; background:#EDEDED; border:1px #EDEDED solid; border-radius:5px; padding:0 20px; margin-bottom:20px; width:60%; margin-right:5%; float:left;}
.log .ctrl .inp button{ height:44px; line-height:44px; background:#2E2E30; border:1px #2E2E30 solid; color:#fff; border-radius:5px; padding:0 10px; margin-bottom:20px; width:35%; float:right; font-size:14px;}

.log .ctrl .question{ position:absolute; background:url(../images/question.png) no-repeat center center; width:20px; height:20px; z-index:10; margin-left:270px; margin-top:-45px;}
.log .ctrl .question:hover{ cursor:pointer;}
.log .ctrl .question:hover .invinfor{ display:block;}
.log .ctrl .question .invinfor{ display:none; position:absolute; z-index:9999; background:#2E2E30; color:#fff; line-height:30px; height:30px; border-radius:3px; padding:0 20px; width:280px; margin-top:-40px; margin-left:-130px;}
.log .ctrl .question .invinfor .sign{ text-align:center; position:relative; top:-1px;}

.log .ctrl .msg{ color:#F85659; font-size:12px; position:absolute;  margin-top:-20px; margin-left:20px;}
.log .ctrl button{ border:0; width:100%; font-size:18px; height:44px; line-height:44px; margin-bottom:20px;}
.log .ctrl p{ font-size:12px;}
.log .ctrl p>font{ float:left;}
.log .ctrl p>font .agree{ display:block; float:left;background-size: 14px 14px !important; background:url(https://imgs.design006.com/homepage/images/radio.png) no-repeat center center; width:14px; height:14px; position:relative; top:2px; margin-right:5px;}
.log .ctrl p>font .agree.active{background:url(https://imgs.design006.com/homepage/images/check-icon.png) no-repeat center center;}
.log .ctrl p>font a:last-child{ color:#F85659;}
.log .ctrl p>span{ float:right; color:#B3B3B3;}
.log .ctrl p>span a{ color:#2E2E30; margin-right:10px;}
.log .ctrl p>span a:last-child{ color:#F85659; margin-right:0; margin-left:10px;}
.log .ctrl p>span a:hover{ text-decoration:underline;}
.log .ctrl>span{ text-align:center; display:block; color:#B3B3B3; font-size:12px;}
.log .ctrl>span a{ color:#F85659;}
.log .ctrl>span a:hover{ text-decoration:underline;}
/* .log .tit{ margin-top:40px; background:url(../images/title-bg.png) no-repeat center center; text-align:center;} */
.log .others{ text-align:center; overflow:hidden; position:relative; left:40%; margin-left:-85px;}
.log .others a{ margin:0 15px; display:block; width:46px; height:46px; float:left;}
/* .log .others a:nth-child(1){ background:url(../images/chat-qq.png) no-repeat center center;}
.log .others a:nth-child(2){ background:url(../images/chat-wx.png) no-repeat center center;}
.log .others a:nth-child(3){ background:url(../images/chat-sina.png) no-repeat center center;} */
.log .others a:nth-child(1):hover{ background:url(../images/chat-qq-on.png) no-repeat center center;}
.log .others a:nth-child(2):hover{ background:url(../images/chat-wx-on.png) no-repeat center center;}
.log .others a:nth-child(3):hover{ background:url(../images/chat-sina-on.png) no-repeat center center;}
.log .last-login { margin-top:5px;font-size:12px;height:20px;color:#F85659;}
.log .last-login .vx{ margin-left:48px;}
.log .last-login .qq{ margin-left:124px;}
.log .last-login .wb{ margin-left:200px;}
.log .img{ text-align:center; margin-bottom:10px;}
.log .pre{ text-align:center; margin:50px 0;}
.log .pre a{ font-size:12px; color:#F85659;}
.log .pre2{ text-align:center; margin:15px 0 40px 0;}
.log .pre2 a{ font-size:12px; color:#F85659;}
.log .tip{ text-align:center; color:#B3B3B3; font-size:12px;}
.log .success{ overflow:hidden; padding:30px; text-align:center;}
.log .info{ font-size:18px;}
.log .successinfo{ color:#B3B3B3; font-size:12px; margin-top:5px;}
.log .successinfo span{ color:#F85659; margin-left:10px; font-size:14px;}
.log .successinfo span font{ margin-right:5px;}
.log .success{ overflow:hidden; padding:30px; text-align:center;}
.log .del{ margin-left:30px;}
.log .del .btn{ margin-top:30px;}
.log .del .btn .confirm{ background:#2E2E30; color:#fff; text-align:center; width:70px; height:28px; line-height:26px; font-size:12px; border-radius:28px; border:0;}
.log .del .btn .cancel{ background:#fff; color:#2E2E30; text-align:center; width:70px; height:28px; line-height:24px; font-size:12px; border-radius:28px; border:1px #2E2E30 solid;}
.log .del .btn .confirm2{ background:#2E2E30; color:#fff; text-align:center; width:90px; height:36px; line-height:32px; font-size:14px; border-radius:28px; border:0;}

.log .del .btn .cancel2{ background:#fff; color:#2E2E30; text-align:center; width:90px; height:36px; line-height:32px; font-size:14px; border-radius:28px; border:1px #2E2E30 solid;}
.log .del .btn .redbtn{ display: inline-block; background:#F85659; color:#fff; text-align:center; padding: 1px 15px; height:28px; line-height:26px; font-size:12px; border-radius:28px; border:0;}
.log .del .itips {margin-top:10px;font-size:12px;color:#B3B3B3;height:36px;line-height:18px;} 
.avatar-form .btn{}
.avatar-form .btn .confirm2{ background:#2E2E30; color:#fff; text-align:center; width:90px; height:36px; line-height:32px; font-size:14px; border-radius:28px; border:0;}
.avatar-form .btn .cancel2{ background:#fff; color:#2E2E30; text-align:center; width:90px; height:36px; line-height:32px; font-size:14px; border-radius:28px; border:1px #2E2E30 solid;}

.log .list{ overflow:hidden;}
.log .list li{ margin-bottom:10px; overflow:hidden;}
.log .list li:last-child{ margin-bottom:0;}
.log .list .li1 span{ display:block; width:18.4%; height:28px; padding:0 10px; border:1px #B3B3B3 solid; border-radius:3px; float:left; margin-right:2%;}
.log .list .li1 span:last-child{ margin-right:0;}
.log .list .li1 span input{ border:0; width:100%; height:26px; line-height:26px; font-size:12px;}
.log .list .li2 span{ display:block; width:100%; height:28px; padding:0 10px; border:1px #B3B3B3 solid; border-radius:3px;}
.log .list .li2 span input{ border:0; width:100%; height:26px; line-height:26px; font-size:12px;}
.log .list .li3 span{ display:block; width:100%; height:28px; padding:0 10px; border:1px #B3B3B3 solid; border-radius:3px;}
.log .list .li3 span input{ border:0; width:100%; height:26px; line-height:26px; font-size:12px;}

.log .list .li3 .question{ position:absolute; background:url(https://imgs.design006.com/homepage/images/question.png) no-repeat center center; width:20px; height:20px; z-index:99; margin-left:430px; margin-top:-22.5px;background-size:20px 20px;}
.log .list .li3 .question:hover{ cursor:pointer;}
.log .list .li3 .question:hover .invinfor{ display:block;}
.log .list .li3 .question .invinfor{ display:none; position:absolute; z-index:9999; background:#2E2E30; color:#fff; line-height:30px; height:30px; border-radius:3px; padding:0 20px; width:480px; margin-top:-40px; margin-left:-230px;}
.log .list .li3 .question .invinfor .sign{ text-align:center; position:relative; top:-1px;}
.log .format div{ display:none; position:absolute; z-index:9999; overflow:hidden; margin-left:-20px;}
.log .format div>img{ width:8px; display:block; font-size:0; position:relative; top:1px; left:40px;}
.log .format div ul{ border:1px #EDEDED solid; border-radius:3px; width:88px; background:#fff; overflow:hidden;
-webkit-box-shadow:0 0 8px rgba(204, 204, 204, .5);  
-moz-box-shadow:0 0 8px rgba(204, 204, 204, .5);  
box-shadow:0 0 8px rgba(204, 204, 204, .5);      
 margin:8px; margin-top:0;}
.log .format div li{ margin:0 auto; line-height:24px; font-size:12px;}
.log .format div li:hover{ background:#EDEDED; color:#F85659; cursor:pointer;}
.log .format:hover div:not(.hover_not){ display:block;}
.log .sel input{ background:url(https://imgs.design006.com/homepage/images/edit-arrow.png) no-repeat center right;background-size:12px 5px;}

.log .sel div{ display:none; position:absolute; z-index:9999; overflow:hidden; margin-left:-20px;}
.log .sel div>img{ width:8px; display:block; font-size:0; position:relative; top:1px; left:40px;}
.log .sel2 div>img{ width:8px; display:block; font-size:0; position:relative; top:1px; left:56px;}
.log .sel div ul{ border:1px #EDEDED solid; border-radius:3px; width:88px; background:#fff; overflow:hidden;
-webkit-box-shadow:0 0 8px rgba(204, 204, 204, .5);  
-moz-box-shadow:0 0 8px rgba(204, 204, 204, .5);  
box-shadow:0 0 8px rgba(204, 204, 204, .5);      
 margin:8px; margin-top:0;}
.log .sel2 div ul{ border:1px #EDEDED solid; border-radius:3px; width:112px; background:#fff; overflow:hidden;
-webkit-box-shadow:0 0 8px rgba(204, 204, 204, .5);  
-moz-box-shadow:0 0 8px rgba(204, 204, 204, .5);  
box-shadow:0 0 8px rgba(204, 204, 204, .5);      
 margin:8px; margin-top:0;}
.log .sel div li{ margin:0 auto; line-height:24px; font-size:12px;}
.log .sel div li:hover{ background:#EDEDED; color:#F85659; cursor:pointer;}
.log .sel:hover div{ display:block;}


.log .list .li4 span{ display:block; width:23.5%; height:28px; padding:0 10px; border:1px #B3B3B3 solid; border-radius:3px; float:left; margin-right:2%;}
.log .list .li4 span:nth-child(2){ display:block; width:49%; height:28px; padding:0 10px; border:1px #B3B3B3 solid; border-radius:3px; float:left; margin-right:2%;}
.log .list .li4 span:last-child{ margin-right:0;}
.log .list .li4 span input{ border:0; width:100%; height:26px; line-height:26px; font-size:12px; background:url(https://imgs.design006.com/homepage/images/edit-arrow.png) no-repeat center right;background-size:12px 5px;}
.log .list .li4 .val{ border:0; width:100%; height:26px; line-height:26px; font-size:12px; background:url(https://imgs.design006.com/homepage/images/edit-arrow.png) no-repeat center right; text-align:left;background-size:12px 5px;}
.log .list .li4 .val>.orange{ background:url(../images/ico-orange.png) no-repeat center right; padding-right:15px;}
.log .list .li4 .val>.red{ background:url(../images/ico-red.png) no-repeat center right; padding-right:15px;}
.log .list .li4 .val>.yellow{ background:url(../images/ico-yellow.png) no-repeat center right; padding-right:15px;}
.log .list .li4 .val:hover{ cursor:pointer;}
.log .list .li4 .val .pop{ display:none; position:absolute; z-index:9999; overflow:hidden; margin-left:-20px;}
.log .list .li4 .val .pop>img{ width:8px; display:block; font-size:0; position:relative; top:1px; left:40px;}
.log .list .li4 .val .pop ul{ border:1px #EDEDED solid; border-radius:3px; width:112px; background:#fff; overflow:hidden;
-webkit-box-shadow:0 0 8px rgba(204, 204, 204, .5);  
-moz-box-shadow:0 0 8px rgba(204, 204, 204, .5);  
box-shadow:0 0 8px rgba(204, 204, 204, .5);      
 margin:8px; margin-top:0;}
.log .list .li4 .val .pop li{ margin:0 auto; line-height:24px; padding-left:20px;}
.log .list .li4 .val .pop li:hover{ background:#EDEDED;color:#F85659;}
.log .list .li4 .val .pop li:hover .orange{ color:#F38F00; background:url(../images/ico-orange.png) no-repeat center right; padding-right:15px;}
.log .list .li4 .val .pop li:hover .red{ color:#CD0401; background:url(../images/ico-red.png) no-repeat center right; padding-right:15px;}
.log .list .li4 .val .pop li:hover .yellow{ color:#F1E001; background:url(../images/ico-yellow.png) no-repeat center right; padding-right:15px;}

.log .list .li4 .val:hover .pop{ display:block;}
.log .caseimg{ text-align:center; margin:30px 0; cursor:pointer;}
.log .caseimg img{ width:100px; height:100px;}
.log .caseimg span{ display:none;}
.log .caseimg:hover span{ display:block; width:100px; height:100px; background:url(https://imgs.design006.com/homepage/images/plus3.png) rgba(0,0,0,.5) no-repeat center center; position:absolute; z-index:30; margin-top:-100px; margin-left:0px;background-size:22px 22px;}
.log .caseimg2{ display:block; border:1px #eee solid; width:100px; height:100px; background:url(https://imgs.design006.com/homepage/images/plus2.png) no-repeat center center; position:relative; left:50%; margin:30px 0 30px -50px; cursor:pointer;background-size:22px 22px; }

.tab{ background:#fff; border-bottom:1px #eee solid; overflow:hidden;}
.tab a{ display:block; float:left; line-height:75px; font-size:24px; margin-right:80px; border-bottom:4px #fff solid;}
.tab a.active{ border-bottom:4px #F85659 solid; color:#F85659;}


.tab2{ border-bottom:1px #eee solid; padding:0 80px; overflow:hidden;}
.tab2 a{ display:block; float:left; line-height:64px; font-size:18px; margin-right:80px; border-bottom:2px #fff solid;}
.tab2 a.active{ border-bottom:2px #F85659 solid; color:#F85659;}
.tab2 a.upload{ float:right; margin-right:0; padding:14px 0; font-size:14px;}
.tab2 a.upload span{ background:#F85659; display:block; height:36px; line-height:36px; color:#fff; padding:0 20px; border-radius:5px;}
.tab2 a font{ color:#B3B3B3; margin-left:10px;}
.tab2 a.active font{ color:#F85659;}


.account{ margin-top:20px; margin-bottom:20px; background:#fff; overflow:hidden;}
.account .con{ padding:70px; overflow:hidden;}
.account .account-L{ float:left; width:130px; text-align:center; overflow:hidden; margin-right:100px;}
.account .account-L .img{ width:88px; height:88px; border-radius:88px;}
.account .account-L .img .plus{ position:relative; display:none;}
.account .account-L .img .plus span{ position:absolute; z-index:20; background:url(../images/plus.png) rgba(0,0,0,.5) no-repeat center center; width:88px; height:88px; border-radius:100%; display:block; margin-top:-88px;}
.account .account-L .img:hover .plus{ display:block; cursor:pointer;}
.account .account-L .txt{ text-align:center; font-size:12px; margin-top:14px;}

.account .account-C{ float:left; width:250px; overflow:hidden; margin-right:100px;}
.account .account-C li{ margin-bottom:20px;}
.account .account-C input{ width:200px; float:right; height:36px; line-height:36px; padding:0 20px; border:1px #B3B3B3 solid; border-radius:5px;}
.account .account-C font{ display:block; width:200px; float:right; height:36px; line-height:36px; border:1px #B3B3B3 solid; border-radius:5px; text-align:center; color:#B3B3B3;}
.account .account-C font button{ border:0; background:#fff; width:70px; color:#B3B3B3;}
.account .account-C font button.active{ color:#F85659;}
.account .account-C  span{ display:block; float:left; line-height:36px; width:50px;}
.account .account-C a{ position:absolute; z-index:30; margin-left:150px; margin-top:8px; color:#F85659;}

.account .account-R{ width:442px; overflow:hidden;}
.account .account-R li{ margin-bottom:20px;}
.account .account-R input{ width:450px; float:right; height:36px; line-height:36px; padding:0 20px; border:1px #B3B3B3 solid; border-radius:5px;}
.account .account-R span{ display:block; float:left; line-height:36px; width:92px;}
.account .account-R a{ position:absolute; z-index:30; margin-left:400px; margin-top:9px; color:#F85659;}

.account .account-R .question{ position:absolute; background:url(../images/question.png) no-repeat center center; width:20px; height:20px; z-index:10; margin-left:450px; margin-top:9px; font-size:12px;}
.account .account-R .question:hover{ cursor:pointer;}
.account .account-R .question:hover .invinfor{ display:block;}
.account .account-R .question .invinfor{ display:none; position:absolute; z-index:9999; background:#2E2E30; color:#fff; line-height:30px; height:30px; border-radius:3px; padding:0 20px; width:400px; text-align:center; margin-top:-40px; margin-left:-190px;}
.account .account-R .question .invinfor .sign{ text-align:center; position:relative; top:-1px;}
.account .account-R .question .invinfor .desc font{ color:#F85659; font-size:10px; margin-left:10px; margin-right:5px;}


.tbl{ width:1070px; margin:70px auto; overflow:hidden; background:#fff; border:1px #eee solid; border-radius:5px;}
.tbl th{ background:#F5F5F5; line-height:48px; text-align:center; font-weight:normal;}
.tbl td{ text-align:center; font-weight:normal; padding:15px 0; font-size:12px; color:#303641;}
.tbl tr{ border-bottom:1px #eee solid;}
.tbl tr:last-child{ border-bottom:0;}
.tbl .link2-gray{ color:#2E2E30; display:block;}
.tbl .link2-red{ color:#F85659; display:block;}
.tbl .link2-gray:hover,.tbl .link2-red:hover{ text-decoration:underline;}
.tbl .addimg{ display:block; border:1px #eee solid; width:100px; height:100px; background:url(https://imgs.design006.com/homepage/images/plus2.png) no-repeat center center; position:relative; left:50%; margin-left:-50px;background-size:22px 22px;}
.tbl .addimg:hover{ cursor:pointer; background:url(https://imgs.design006.com/homepage/images/plus4.png) no-repeat center center;background-size:22px 22px;}
.tbl .addimg:hover .invinfor{ display:block;}
.tbl .addimg .invinfor{ display:none; position:absolute; z-index:9999; background:#2E2E30; color:#fff; line-height:30px; height:30px; border-radius:3px; padding:0 20px; width:320px; text-align:center; margin-top:-5px; margin-left:-110px;}
.tbl .addimg .invinfor .sign{ text-align:center; position:relative; top:-1px;}
.tbl .addimg .invinfor .desc{ font-size:12px;}
.tbl .addimg2 { display:block; width:50px; height:50px; position:relative; left:50%; margin-left:-25px;}
.tbl .editimg img{ width:100px; height:100px;}
.tbl .editimg span{ display:none;}
.tbl .editimg:hover span{ display:block; width:100px; height:100px; background:url(https://imgs.design006.com/homepage/images/plus3.png) rgba(0,0,0,.5) no-repeat center center; position:absolute; z-index:30; margin-top:-100px; margin-left:85px;background-size:22px 22px;}

.tbl2 td{  padding:30px 0;}
.tbl2 td a{ text-decoration:underline;}
.tbl2 tr td:nth-child(2){ font-size:14px; color:#F85659;}
.tbl2 tr td:nth-child(2) font{ margin-right:5px; font-size:12px;}
.tbl2 tr td:nth-child(3){ font-size:14px;}
.tbl2 tr td:nth-child(3) span{ margin-right:5px; font-size:12px; color:#F85659;}


.page{ text-align:center; overflow:hidden; padding-bottom:70px; line-height:28px;}
.page select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; border:1px #eee solid; border-radius:3px; height:28px; padding:0 20px 0 10px; background:url(../images/page-arrow-1.png) no-repeat center right 10px; margin-right:20px; font-weight:100;}
.page a{margin-right:10px;background:#FFFFFF;width:32px;height:32px;border-radius: 4px;display: inline-block;line-height:32px;border: 1px solid #EDEDED;color: #666666;text-align: center;}
.page a.active{color:#fff; background:#2E2E30;border: 1px solid #2E2E30;}
.page font{ margin-right:20px;}
.page img{ margin-top:12px;}

.account .upfile .title{ font-size:40px; color:#B3B3B3; line-height:40px; font-weight:100;}
.account .upfile .title img{ margin-top:10px;}
.account .upfile .btn-upfile{ text-align:center; height:36px; line-height:36px; color:#fff; background:#F85659; border:0; border-radius:5px; padding:0 20px;}
.account .upfile .desc{ color:#B3B3B3; margin:15px 0;}
.account .upfile .process p{ border:1px #EDEDED solid; width:100%; height:36px; line-height:36px; padding:0 20px; margin-bottom:15px; border-radius:5px; font-size:12px;}
.account .upfile .process p:last-child{ margin-bottom:0;}
.account .upfile .process p font{ margin:0 20px;}
.account .upfile .process p.finish{ color:#F85659; background:#EDEDED;}
.account .upfile .process p.infinish{ background:#EDEDED;}
.account .upfile .process p i{ background:url(../images/unfinish.png) no-repeat center center; width:20px; height:20px; display:block; float:right; margin-top:8px;}
.account .upfile .process p.finish i{ background:url(../images/finish.png) no-repeat center center; width:20px; height:20px; display:block; float:right; margin-top:8px;}

.btn-red{ width:138px; height:36px; line-height:34px; text-align:center; color:#fff; border-radius:36px; border:0; background:#F85659;}
.btn-gray{ width:138px; height:36px; line-height:34px; text-align:center; color:#fff; border-radius:36px; border:0; background:#B3B3B3;}


.account .money{ overflow:hidden; padding:70px 80px 0 80px;}
.account .money .info>img{ float:left; margin-right:20px;}
.account .money .price{ font-size:50px; color:#F85659; margin-right:10px; font-weight:100;}
.account .money .desc2{ color:#B3B3B3;}
.account .money .desc2 label{ color:#2E2E30; margin:0 10px; font-size:16px;}
.account .money .desc2 label font{ font-size:12px; color:#F85659; margin-right:5px;}
.account .money .desc2 .question1>img{ margin-top:30px;}
.account .money .question1 .invinfor{ display:none; position:absolute; z-index:9999; background:#2E2E30; color:#fff; line-height:30px; height:30px; border-radius:3px; padding:0 20px; width:120px; text-align:center; margin-top:-70px; margin-left:430px;}
.account .money .question1 .invinfor .sign{ text-align:center; position:relative; top:-1px;}
.account .money .question1 .invinfor .desc{ font-size:12px;}
.account .money .question1:hover{ cursor:pointer;}
.account .money .question1:hover .invinfor{ display:block;}

.account .money .desc2 .question2>img{ margin-top:30px;}
.account .money .question2 .invinfor{ display:none; position:absolute; z-index:9999; background:#2E2E30; color:#fff; line-height:30px; height:30px; border-radius:3px; padding:0 20px; width:120px; text-align:center; margin-top:-70px; margin-left:635px;}
.account .money .question2 .invinfor .sign{ text-align:center; position:relative; top:-1px;}
.account .money .question2 .invinfor .desc{ font-size:12px;}
.account .money .question2:hover{ cursor:pointer;}
.account .money .question2:hover .invinfor{ display:block;}



.grid {
	/*max-width: 69em;*/
	list-style: none;
	margin: 30px auto;
	padding: 0;
}

.grid li {
	display: block;
	float: left;
	padding: 10px;
	/* width: 16.66%; */
  width: 250px;
	opacity: 1;
}

.wrap2{ width:1512px; margin:0 auto; overflow:hidden;}

@media (min-width: 1260px) and (max-width: 1511px) { .wrap2{ width:1260px;} .grid li { width: 250px;} }
@media (min-width: 1001px) and (max-width: 1259px) { .wrap2{ width:1001px;} .grid li { width: 250px;} }
@media (min-width: 751px) and (max-width: 978px) { .wrap2{ width:751px;} .grid li { width: 250px;} }
@media (min-width: 520px) and (max-width: 750px) { .wrap2{ width:520px;} .grid li { width: 250px;} }
@media (min-width: 320px) and (max-width: 519px) { .wrap2{ width:320px;} .grid li { width: 250px;} }



.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	border-radius: 4px 4px 0 0;
	/*display: block;
	width: 100%;*/
}
.grid li a{ color:#2E2E30;}
/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

.grid .imgbg{ display:none;background-size: 230px 5px !important; background:url(https://imgs.design006.com/homepage/images/img-bg.png) repeat-x center left; height:5px; position:relative; z-index:9; margin-top:-5px;}
.grid .fav{ display:block; width:30px; height:30px; background:url(../images/fav2_new.png) repeat-x center left;background-size:30px 30px; position:absolute; z-index:9; margin-top:15px; right:25px;}
.grid .fav-on{ display:block; width:30px; height:30px; background:url(../images/fav2-on_new.png) repeat-x center left;background-size:30px 30px; position:absolute; z-index:9; margin-top:15px; right:25px;}
.grid li>span{display:none!important;}
.grid li:hover >span{display:block!important;}

.grid .con{ background:#fff; padding:0 15px; font-size:12px; overflow:hidden; padding-bottom:15px;border-radius: 0 0 4px 4px;}
.grid .con>p{ padding:15px 0;}
.grid .con div{ line-height:22px;}
.grid .con div img{ width:44px; height:44px; border-radius:44px; float:left; margin-right:15px;}
.grid .con div p{ color:#B3B3B3;}
.grid .con div p a{ color:#B3B3B3;}
.grid .con div p a:hover{ color:#F85659;}
.grid .con div p span:first-child font{ color:#F85659; margin-right:5px;font-weight: 400;}
.grid .con div p span:last-child{ margin-left:10px;}
.grid .con div p span:last-child font{ color:#B3B3B3; margin-right:5px;}




@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* Effect 4: fall perspective */
.grid.effect-4 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-4 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-5 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly .8s ease-in-out forwards;
	animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-7 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8:  */
.grid.effect-8 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-8 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media (min-width: 985px) and (max-width: 1230px) {
	.wrap{ width:auto;}
	.header{ position: fixed; top: 0; left: 0; width:100%; height: 58px; z-index: 99; background: #fff;}
	.header .wrap>a{ float:left; margin-top:10px;}
	.header .wrap>span{ float:right;}
	.header .wrap>input{ float:right; width:250px; height:36px; line-height:36px; border-radius:36px; border:1px #B3B3B3 solid; margin-top:11px; background:url(../images/search2.png) no-repeat right 20px center; padding:0 20px;}
	.header .top-money{ background:#F85659; color:#fff; border-radius:100px; padding:0 20px;}
	.header .top-reg{ background:#2E2E30; color:#fff; border-radius:100px; padding: 8px 20px;}
	.header .top-log{ border:1px #2E2E30 solid; color:#2E2E30; border-radius:100px; padding:8px 20px;}

	.headerlog .wrap .ipt>input{width:250px;}
	.headerlog .wrap .ipt input{ width:250px;}
	.headerlog .wrap .ipt>a{ left:230px;}
	.headerlog .wrap .ipt>a img{ margin-left:0;}
	.headerlog .similar_camera {left: 220px !important;}
	.headerlog .search_text {left: 115px !important;}

	.black .similar_camera {left: 220px !important;}
}

@media (max-width: 984px) {
	.wrap{ width:auto;}

	.header{ position: fixed; top: 0; left: 0; width:100%; height: 58px; z-index: 99; background: #fff;}
	.header .wrap>a{ float:left; margin-top:10px;}
	.header .wrap>span{ float:right; }
	.header .wrap .home-my{padding-top: 18px;}
	.header .wrap>input{ float:right; width:250px; height:36px; line-height:36px; border-radius:36px; border:1px #B3B3B3 solid; margin-top:11px; background:url(../images/search2.png) no-repeat right 20px center; padding:0 20px;}
	/*.header .wrap>span a{ margin-left:10px; display:block; float:right; line-height:36px; margin-top:11px;}*/
	.header .top-money{ background:#F85659; color:#fff; border-radius:100px; padding:0 20px;}
	.header .top-reg{ background:#2E2E30; color:#fff; border-radius:100px; padding:8px 20px;}
	.header .top-log{ border:1px #2E2E30 solid; color:#2E2E30; border-radius:100px; padding:8px 20px;}
	.headerlog .wrap .ipt>input{width:125px;display:none;}
	.headerlog .wrap .ipt input{ width:125px;}
	.headerlog .wrap .ipt>a{ left:105px;display:none !important;}
	.headerlog .similar_camera {left: 95px !important; }
	.headerlog .search_text {display: none !important;}
	.headerlog .wrap .ipt a img{ margin-left:0;}

	.black .similar_camera, .black .search_text {display: none !important;}
}

@media (max-width: 725px) {
	.catelog,.catelog1,.catelog2 {display: none;}
}